<template>
  <view class="scroll-view-containe">
    <!-- 左侧滚动视图区域 -->
    <scroll-view
      class="left-scroll-view"
      scroll-y="true"
      :style="{ height: wh + 'px' }"
    >
      <view class="left-scroll-view-item active">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
    </scroll-view>
    <!-- 右侧的滚动视图区域 -->
    <scroll-view
      class="left-scroll-view"
      scroll-y="true"
      :style="{ height: wh + 'px' }"
    >
      <view class="left-scroll-view-item active">zzzz</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
    </scroll-view>
  </view>
</template>
<script setup lang="ts">
import { onLoad } from "@dcloudio/uni-app";
onLoad(() => {
  //获取当前系统的信息
  const sysInfo = uni.getSystemInfoSync();
  console.log(sysInfo);
  //为wh窗口可用高度动态赋值
  const wh = sysInfo.windowHeight;
});
</script>
